/**index.wxss**/
@import "../../common.wxss";

page {
  min-height: 100vh;
  background-color: #fff;
}

.page {
  .switch_identity {
    position: fixed;
    right: 0;
    top: 50vh;
    z-index: 99;
    background: #0067B499;
    font-size: 32rpx;
    color: #fff;
    padding: 20rpx;
    border-radius: 20rpx 0 0 20rpx;
    box-sizing: border-box;
    width: 72rpx;
  }

  .bg {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }

  .main {
    position: relative;
    z-index: 2;
    padding: 0 24rpx;

    .navbar {
      display: flex;
      align-items: center;
      height: 80rpx;

      .logo {
        display: flex;
        align-items: center;

        image {
          width: 158rpx;
          height: 54rpx;
        }

        text {
          margin-left: 12rpx;
          font-size: 24rpx;
          font-weight: bold;
          color: #fff;
        }
      }
    }

    .site_search {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .site {
        flex-shrink: 0;
        display: flex;
        align-items: center;

        image {
          width: 23rpx;
          height: 28rpx;
          flex-shrink: 0;
        }

        text {
          font-size: 28rpx;
          color: #fff;
          margin: 0 8rpx;
        }
      }

      .search {
        width: 100%;
        margin-left: 50rpx;
        display: flex;
        align-items: center;
        padding: 8rpx 8rpx 8rpx 30rpx;
        background-color: #fff;
        border-radius: 200rpx;

        image {
          width: 32rpx;
          height: 32rpx;
          flex-shrink: 0;
        }

        input {
          width: 100%;
          font-size: 28rpx;
          color: #333;
          margin-left: 20rpx;
        }

        .btn {
          width: 120rpx;
          height: 64rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 200rpx;
          background-color: #0067B4;
          font-size: 28rpx;
          color: #fff;
          flex-shrink: 0;
        }
      }
    }

    .swiper_box {
      margin-top: 48rpx;
      width: 100%;
      height: 278rpx;
      border-radius: 10rpx;
      overflow: hidden;

      .swiper_item,
      image {
        width: 100%;
        height: 100%;
      }
    }

    .service_card {
      margin-top: 38rpx;
      display: flex;
      justify-content: space-between;

      image {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .card_l {
        width: 336rpx;
        height: 288rpx;
        box-sizing: border-box;
        background-size: 100% 100%;
        padding: 18rpx 20rpx;
        border-radius: 8rpx;
        position: relative;

        .btn {
          position: absolute;
          z-index: 2;
          top: 160rpx;
          left: 20rpx;
          width: 130rpx;
          height: 56rpx;
          border-radius: 200rpx;
          background: #FFF7F9;
          box-shadow: 0 4rpx 12rpx rgba(226, 39, 81, 0.1);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 28rpx;
          color: #E22751;
        }
      }

      .card_r {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .card_item {
          background-size: 100% 100%;
          width: 336rpx;
          height: 136rpx;
          border-radius: 8rpx;
          box-sizing: border-box;
          padding: 24rpx 20rpx;
          position: relative;
        }
      }

      .name {
        font-size: 32rpx;
        font-weight: bold;
      }

      .text {
        margin-top: 4rpx;
        font-size: 26rpx;
      }

      .btn {
        width: 172rpx;
        height: 52rpx;
        border-radius: 200rpx;
        margin-top: 20rpx;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }

    .theme_title {
      margin-top: 40rpx;
      display: flex;
      align-items: center;
      justify-content: center;

      .line {
        width: 40rpx;
        height: 4rpx;
        background-color: #96D2FF;
      }

      .title {
        font-size: 36rpx;
        color: #000;
        margin: 0 20rpx;
      }
    }

    .address_old {
      display: flex;
      align-items: center;
      .site {
        height: 88rpx;
        flex-shrink: 0;
        display: flex;
        align-items: center;

        image {
          width: 40rpx;
          height: 40rpx;
          flex-shrink: 0;
        }

        text {
          font-size: 32rpx;
          color: #000;
          margin: 0 8rpx;
        }
      }
    }

    .swiper_box_old {
      width: 100%;
      height: 1296rpx;
      border-radius: 10rpx;
      overflow: hidden;

      .swiper_item,
      image {
        width: 100%;
        height: 100%;
      }
    }

    .old .cate .cate_item {
      width: 208rpx;
      &:nth-child(3n) {
        margin-right: 0;
      }
      &:nth-child(5n) {
        margin-right: 40rpx;
      }
      .icon {
        width: 100%;
        height: 208rpx;
        // background-color: #96D2FF;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .name {
        font-size: 36rpx;
      }
    }

    .cate {
      margin-top: 12rpx;
      display: flex;
      flex-wrap: wrap;

      &_item {
        width: 108rpx;
        margin: 36rpx 40rpx 0 0;

        &:nth-child(5n) {
          margin-right: 0;
        }

        .icon {
          width: 100rpx;
          height: 100rpx;
          margin: auto;

          image {
            width: 100%;
            height: 100%;
          }
        }

        .name {
          text-align: center;
          font-size: 24rpx;
          color: #000;
          margin-top: 12rpx;
        }
      }
    }

    .news_box {
      margin-top: 50rpx;
      position: relative;
      padding: 32rpx 34rpx;

      .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        width: 100%;
      }

      .news_title_all,
      .news {
        position: relative;
        z-index: 2;
      }

      .news_title_all {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .title {
          display: flex;
          align-items: center;

          image {
            width: 56rpx;
            height: 56rpx;
            flex-shrink: 0;
          }

          text {
            font-size: 36rpx;
            font-weight: bold;
            margin-left: 8rpx;
            color: #3B3B3B;
          }
        }

        .all {
          display: flex;
          align-items: center;

          text {
            font-size: 28rpx;
            color: #3B3B3B;
          }

          image {
            margin-left: 8rpx;
            width: 28rpx;
            height: 28rpx;
            flex-shrink: 0;
          }
        }
      }

      .news {
        margin-top: 20rpx;

        .item {
          margin-top: 20rpx;
        }
      }
    }




  }
}

// .index_page {
//   position: relative;

//   .site_box {
//     position: absolute;
//     z-index: 999;
//     left: 28rpx;
//     display: flex;
//     align-items: center;

//     .site,
//     .arrow {
//       width: 32rpx;
//       height: 32rpx;
//       flex-shrink: 0;
//     }

//     text {
//       margin: 0 4rpx 0 20rpx;
//       font-size: 28rpx;
//       color: #000000;
//     }
//   }

//   .swiper {
//     position: relative;

//     &_box {
//       width: 100%;
//       height: 1060rpx;

//       .swiper_item {
//         width: 100%;
//         height: 100%;

//         image {
//           width: 100%;
//           height: 100%;
//         }
//       }
//     }

//     .service_btn {
//       position: fixed;
//       z-index: 999;
//       top: 500rpx;
//       right: 0;

//       .service_box {
//         width: 72rpx;
//         height: 164rpx;
//         position: relative;

//         image {
//           width: 100%;
//           height: 100%;
//         }

//         .contact_btn {
//           position: absolute;
//           top: 0;
//           left: 0;
//           opacity: 0;
//         }
//       }


//     }

//     .click_view {
//       position: absolute;
//       top: 664rpx;
//       right: 0;
//       display: flex;
//       align-items: center;
//       justify-content: center;
//       width: 178rpx;
//       height: 60rpx;
//       border-radius: 200rpx 0 0 200rpx;

//       text {
//         font-size: 32rpx;
//         font-weight: bold;
//         color: #fff;
//       }
//     }
//   }

//   .container_box {
//     padding: 0 28rpx;
//     position: relative;
//     margin-top: -50rpx;

//     .service_box {
//       display: flex;
//       justify-content: space-between;

//       .service_item {
//         width: 160rpx;
//         height: 200rpx;
//         position: relative;

//         image {
//           width: 100%;
//           height: 100%;
//         }

//         .name {
//           position: absolute;
//           z-index: 2;
//           top: 14rpx;
//           text-align: center;
//           width: 100%;
//           font-size: 32rpx;
//           font-weight: bold;
//           color: #fff;
//         }
//       }
//     }

//     .service_icon_box {
//       margin-top: 20rpx;
//       display: flex;
//       justify-content: space-between;

//       .service_icon_item {
//         width: 160rpx;
//         height: 84rpx;
//         border-radius: 8rpx;
//         background-color: #FFFFFF;
//         box-sizing: border-box;
//         display: flex;
//         align-items: center;
//         justify-content: center;

//         image {
//           width: 30rpx;
//           height: 30rpx;
//           flex-shrink: 0;
//         }

//         text {
//           font-size: 24rpx;
//           font-weight: bold;
//           color: #3B3B3B;
//           margin-left: 6rpx;
//         }
//       }
//     }

//     .service_card {
//       margin-top: 20rpx;
//       display: flex;
//       justify-content: space-between;

//       .card_l {
//         width: 336rpx;
//         height: 288rpx;
//         box-sizing: border-box;
//         background-size: 100% 100%;
//         padding: 18rpx 20rpx;
//         border-radius: 8rpx;
//       }

//       .card_r {
//         display: flex;
//         flex-direction: column;
//         justify-content: space-between;

//         .card_item {
//           background-size: 100% 100%;
//           width: 336rpx;
//           height: 136rpx;
//           border-radius: 8rpx;
//           box-sizing: border-box;
//           padding: 24rpx 20rpx;
//         }
//       }

//       .name {
//         font-size: 32rpx;
//         font-weight: bold;
//       }

//       .text {
//         margin-top: 4rpx;
//         font-size: 26rpx;
//       }

//       .btn {
//         width: 172rpx;
//         height: 52rpx;
//         border-radius: 200rpx;
//         margin-top: 20rpx;
//         color: #fff;
//         display: flex;
//         justify-content: center;
//         align-items: center;
//       }
//     }
//   }

//   .theme_title {
//     font-size: 36rpx;
//     font-weight: bold;
//     margin-top: 48rpx;
//     color: #242424;
//     text-align: center;
//   }

//   .service_about_box {
//     margin-top: 40rpx;
//     display: flex;
//     justify-content: space-between;

//     .about_l {
//       width: 452rpx;
//       height: 252rpx;
//       position: relative;
//       border-radius: 8rpx;
//       overflow: hidden;

//       .play_text {
//         position: absolute;
//         width: 100%;
//         height: 100%;
//         display: flex;
//         justify-content: center;
//         align-items: center;
//         background: #0000007F;

//         video {
//           width: 100%;
//           height: 100%;
//         }

//         .play {
//           width: 60rpx;
//           height: 60rpx;
//           display: block;
//           margin: auto;
//         }

//         .text {
//           margin-top: 18rpx;
//           font-size: 28rpx;
//           color: #fff;
//         }
//       }
//     }

//     .about_r {
//       display: flex;
//       flex-direction: column;
//       justify-content: space-between;

//       .about_item {
//         background-size: 100% 100%;
//         width: 216rpx;
//         height: 116rpx;
//         border-radius: 8rpx;
//         box-sizing: border-box;
//         padding: 18rpx 16rpx;
//         color: #fff;

//         .name {
//           font-size: 32rpx;
//           font-weight: bold;
//         }

//         .text {
//           font-size: 24rpx;
//           margin-top: 12rpx;
//         }
//       }
//     }
//   }

//   .index_icon_box {
//     display: flex;
//     justify-content: space-between;
//     margin-top: 40rpx;

//     .index_icon_item {
//       width: 20%;

//       image {
//         width: 100rpx;
//         height: 100rpx;
//         display: block;
//         margin: auto;
//       }

//       .name {
//         margin-top: 20rpx;
//         text-align: center;
//         font-size: 28rpx;
//         color: #585E54;
//       }
//     }
//   }
// }

/* ************************* */

// .index_box {
//   box-sizing: border-box;

//   background: linear-gradient(180deg, #0B6BB5 0%, #E3FDCE 56%, rgba(227, 253, 206, 0) 100%) no-repeat;
//   background-size: 750rpx 500rpx;
//   background-color: #EDF1F4;
//   height: 100vh;
//   display: flex;
//   flex-direction: column;
// }

// .index_top {

//   width: 100vw;
//   box-sizing: border-box;
// }

// .index_top_location {
//   display: flex;
//   align-items: center;
//   width: 520rpx;
// }

// .index_top_location_titile {
//   width: 158rpx;
//   height: 37rpx;
// }

// .location_img {
//   width: 24rpx;
//   height: 24rpx;
// }

// .location_text {
//   color: #fff;
// }

// .more {
//   width: 24rpx;
//   height: 24rpx;
// }

// .index_bottom {
//   flex: 1;
//   overflow: hidden;
// }

// .index_main {
//   height: 100%;
// }

// .index_content {
//   background-color: #EDF1F4;
//   margin-top: 20rpx;
// }

// .search_box {
//   display: flex;
//   align-items: center;
//   background: #fff;
//   width: 686rpx;
//   height: 80rpx;
//   box-sizing: border-box;
// }

// .search_img {
//   width: 24rpx;
//   height: 24rpx;
// }

// .input_box {
//   width: 90%;
//   color: #999;
// }

// .swiper_box {
//   width: 686rpx;
//   margin: 0 auto;
//   height: 300rpx;
//   border-radius: 20rpx;
//   margin-top: 20rpx;
//   overflow: hidden;
// }

// .swiper_img {
//   width: 100%;
//   height: 100%;
// }

// .notice-box {
//   width: 638rpx;
//   margin: 20rpx auto 0;
//   background-color: #FFF;
// }

// .notice-img {
//   width: 32rpx;
//   height: 32rpx;
//   vertical-align: middle;
// }

// .ten_btn {
//   width: 686rpx;
//   margin: 0 auto;
//   background: #FFFFFF linear-gradient(90deg, #F0FFF3 0%, #EDFDDE 100%);
//   box-sizing: border-box;
//   display: flex;
//   flex-wrap: wrap;
// }

// .ten_btn_box {
//   background-color: #fff;
//   width: 686rpx;
//   display: flex;
//   flex-wrap: wrap;
//   justify-content: space-between;
// }

// .ten_btn_item {
//   width: 20%;
// }

// .ten_btn_img {
//   width: 72rpx;
//   height: 72rpx;
// }

// .ten_btn_bottom {
//   width: 686rpx;
//   margin: 0 auto;
//   box-sizing: border-box;
//   display: flex;
//   justify-content: space-between;
// }

// .ten_btn_bottom_item {
//   display: flex;
//   align-items: center;
// }

// .ten_btn_bottom_img {
//   width: 20rpx;
//   height: 20rpx;
// }

// .index_samebox {
//   width: 686rpx;
//   margin: 0 auto;
// }

// .index_samebox_top {
//   display: flex;
//   justify-content: space-between;
// }

// .scrollx {
//   display: flex;
//   padding: 0 20rpx;
// }

// .scrollx_item {
//   background-color: #fff;
//   box-sizing: border-box;
//   margin: 0 12rpx;
// }

// .scrollx_item_img {
//   width: 181rpx;
//   height: 181rpx;
// }

// .scrollx_item_tips {
//   background: #F0FAF3;
//   height: 38rpx;
//   color: #0B6BB5;
// }

// .zxcpage {
//   background-color: #EDF1F4;
//   width: 100vw;
// }

// .fourbox {
//   display: flex;
//   flex-wrap: wrap;
//   box-sizing: border-box;
//   justify-content: space-between;
// }



// .center {
//   position: fixed;
//   left: 10rpx;
//   bottom: 400rpx;
//   width: 66rpx;
//   height: 74rpx;
// }

// .center2-box {
//   position: fixed;
//   right: 10rpx;
//   bottom: 200rpx;
//   width: 66rpx;
//   height: 74rpx;
// }

// .center2 {
//   width: 66rpx;
//   height: 74rpx;
// }

// .contact-btn {
//   position: absolute;
//   opacity: 0;
//   width: 100%;
//   height: 100%;
//   left: 0;
//   top: 0;
// }



// .popNotice-box {
//   width: 536rpx;
//   height: 648rpx;
//   /* background: linear-gradient( 180deg, #E3FFE0 0%, #FFFFFF 100%); */
//   background: linear-gradient(#E5FFE0, #FFF, #FFF, #FFF);
//   border-radius: 60rpx 60rpx 60rpx 60rpx;
// }

// .popNotice-title {
//   font-size: 50rpx;
//   color: #1C274C;
//   line-height: 59rpx;
//   text-align: center;
//   position: relative;
//   top: -60rpx;
// }

// .notice-content {
//   width: 460rpx;
//   height: 300rpx;
//   overflow: hidden;
//   overflow-y: scroll;
//   font-family: PingFang SC, PingFang SC;
//   font-weight: 500;
//   font-size: 30rpx;
//   color: #1C274C;
//   margin: auto;
//   line-height: 50rpx;
//   position: relative;
//   top: -60rpx;
// }

// .notice-img-box {
//   width: 145rpx;
//   height: 145rpx;
//   margin: auto;
//   position: relative;
//   top: -90rpx;
//   z-index: 10;
// }

// .noticepop-img {
//   width: 145rpx;
//   height: 145rpx;
//   z-index: 11;
// }

// .notice-btn {
//   width: 456rpx;
//   background: #EDEEF1;
//   border-radius: 21rpx 21rpx 21rpx 21rpx;
//   margin: auto;
//   font-weight: bold;
//   font-size: 30rpx;
//   color: #A4A9B7;
//   /* margin-top: 56rpx; */
// }

// .notice-bac {
//   width: 269rpx;
//   height: 260rpx;
//   position: absolute;
//   top: 0;
//   right: 35rpx;
// }

// .home_image {
//   width: 520rpx;
// }

// .shut-img {
//   width: 52rpx;
//   height: 52rpx;
//   display: block;
//   margin: auto;
//   margin-top: 32rpx;
// }




// /* 套餐 */
// .setMeal-box {
//   width: 638rpx;
//   /* height: 516rpx; */
//   background: linear-gradient(90deg, #C9F1D5 0%, #CCF3D8 100%);
//   border-radius: 20rpx 20rpx 20rpx 20rpx;
//   border: 2rpx solid;
//   border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 2 2;
//   margin: auto;
//   margin-top: 24rpx;
//   position: relative;
// }

// .setMeal-1 {
//   position: absolute;
//   top: 0;
//   left: 0;
//   width: 132rpx;
//   height: 72rpx;
// }

// .setMeal-2 {
//   position: absolute;
//   top: 0;
//   right: 0;
//   width: 273rpx;
//   height: 194rpx;
// }

// .setMeal-r-text {
//   position: relative;
//   z-index: 10;
// }





// .container {
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   height: 100vh;
// }

// .popup-bg {
//   position: fixed;
//   top: 0;
//   left: 0;
//   width: 100%;
//   height: 100%;
//   background-color: rgba(0, 0, 0, 0.5);
// }

// .popup {
//   position: fixed;
//   top: 50%;
//   left: 50%;
//   transform: translate(-50%, -50%);
//   /* background-color: #fff; */
//   /* padding: 20rpx; */
//   border-radius: 10rpx;
// }